import React from 'react';
import Icon from '@ant-design/icons';

const UserSvg = () => (
    <svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
        <g>
            <path opacity="0.5" d="M10 55C10 49.6957 12.1071 44.6086 15.8579 40.8579C19.6086 37.1071 24.6957 35 30 35C35.3043 35 40.3914 37.1071 44.1421 40.8579C47.8929 44.6086 50 49.6957 50 55H45C45 51.0218 43.4197 47.2064 40.6066 44.3934C37.7936 41.5803 33.9782 40 30 40C26.0218 40 22.2064 41.5803 19.3934 44.3934C16.5804 47.2064 15 51.0218 15 55H10ZM30 32.5C21.7125 32.5 15 25.7875 15 17.5C15 9.2125 21.7125 2.5 30 2.5C38.2875 2.5 45 9.2125 45 17.5C45 25.7875 38.2875 32.5 30 32.5ZM30 27.5C35.525 27.5 40 23.025 40 17.5C40 11.975 35.525 7.5 30 7.5C24.475 7.5 20 11.975 20 17.5C20 23.025 24.475 27.5 30 27.5Z" fill="#008DA5" />
        </g>
        <defs>
            <clipPath id="clip0_922_11863">
                <rect width="60" height="60" fill="white" />
            </clipPath>
        </defs>
    </svg>
);

const UserFriendSvg = () => (
    <svg width="53" height="53" viewBox="0 0 53 53" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path opacity="0.5" d="M0 53C0 47.6957 2.10714 42.6086 5.85786 38.8579C9.60859 35.1071 14.6957 33 20 33C25.3043 33 30.3914 35.1071 34.1421 38.8579C37.8929 42.6086 40 47.6957 40 53H35C35 49.0218 33.4196 45.2064 30.6066 42.3934C27.7936 39.5803 23.9782 38 20 38C16.0218 38 12.2064 39.5803 9.3934 42.3934C6.58035 45.2064 5 49.0218 5 53H0ZM20 30.5C11.7125 30.5 5 23.7875 5 15.5C5 7.2125 11.7125 0.5 20 0.5C28.2875 0.5 35 7.2125 35 15.5C35 23.7875 28.2875 30.5 20 30.5ZM20 25.5C25.525 25.5 30 21.025 30 15.5C30 9.975 25.525 5.5 20 5.5C14.475 5.5 10 9.975 10 15.5C10 21.025 14.475 25.5 20 25.5ZM40.71 34.7575C44.2233 36.3398 47.2049 38.9031 49.2965 42.1393C51.388 45.3755 52.5004 49.1468 52.5 53H47.5C47.5006 50.11 46.6664 47.2812 45.0977 44.854C43.5291 42.4267 41.2927 40.5042 38.6575 39.3175L40.71 34.7575ZM38.99 6.5325C41.5088 7.57074 43.6624 9.33384 45.1775 11.5981C46.6927 13.8623 47.501 16.5256 47.5 19.25C47.5011 22.6808 46.2192 25.9881 43.9064 28.5221C41.5935 31.0561 38.4167 32.6337 35 32.945V27.9125C36.8524 27.6472 38.5709 26.795 39.9033 25.4811C41.2357 24.1672 42.1117 22.4608 42.4029 20.6123C42.694 18.7639 42.3849 16.8707 41.521 15.2109C40.657 13.551 39.2836 12.2119 37.6025 11.39L38.99 6.5325Z" fill="#008DA5" />
    </svg>
);

const LogoSvg = () => (
    <svg width="80" height="46" viewBox="0 0 80 46" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M7.97314 41.1029V45.6631H11.9596V38.8375H7.97314V41.1176V41.1029Z" fill="#008DA5" />
        <path d="M11.9595 36.5428V38.8229H15.9459V34.2627H11.9595V36.5428Z" fill="#008DA5" />
        <path d="M11.9595 22.877V29.7025H15.9459V20.5969H11.9595V22.877Z" fill="#008DA5" />
        <path d="M11.9596 18.3315H7.97314V20.6116H11.9596V18.3315Z" fill="#008DA5" />
        <path d="M3.98647 16.0515H0V18.3316H7.97293V16.0515H3.98647Z" fill="#008DA5" />
        <path d="M23.9186 34.2626V18.3168H19.9321V38.8081H23.9186V34.2479V34.2626Z" fill="#008DA5" />
        <path d="M23.9189 41.1029V45.6631H27.9054V38.8375H23.9189V41.1176V41.1029Z" fill="#008DA5" />
        <path d="M27.8906 22.877V34.8364H31.8771V20.5969H27.8906V22.877Z" fill="#008DA5" />
        <path d="M35.8633 16.0514V37.396H39.8497V13.7714H35.8633V16.0514Z" fill="#008DA5" />
        <path d="M43.8364 34.8364H47.8229V9.22595H43.8364V34.8364Z" fill="#008DA5" />
        <path d="M51.8096 9.22588V45.6631H55.796V6.9458H51.8096V9.22588Z" fill="#008DA5" />
        <path d="M63.7687 27.4372V9.22595H59.7822V29.7173H63.7687V27.4372Z" fill="#008DA5" />
        <path d="M67.7554 41.1029V45.6631H71.7418V38.8375H67.7554V41.1176V41.1029Z" fill="#008DA5" />
        <path d="M67.755 34.2627H63.7686V38.8229H67.755V34.2627Z" fill="#008DA5" />
        <path d="M67.7554 4.6657V16.0514H71.7418V2.38562H67.7554V4.6657Z" fill="#008DA5" />
        <path d="M75.728 0.105591V9.1965H79.7145V0.105591H75.728Z" fill="#008DA5" />
    </svg>
);

const LogoSvg1 = () => (
    <svg width="9" height="12" viewBox="0 0 9 12" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M0.768555 4.56011V11.3856H4.75503V2.28003H0.768555V4.56011Z" fill="#F79672" />
        <path d="M8.74135 0H4.75488V2.28008H8.74135V0Z" fill="#F79672" />
    </svg>
);

const HomeSvg = () => (
    <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
        <g>
            <path d="M9.16683 11.9167V18.3333H4.5835V10.0833L11.0002 2.75L17.4168 10.0833V18.3333H12.8335V11.9167H9.16683Z" fill="white" />
        </g>
        <defs>
            <clipPath id="clip0_1129_648">
                <rect width="22" height="22" fill="white" />
            </clipPath>
        </defs>
    </svg>
);
const SettingsSvg = () => (
    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M8.08317 18.3333L7.6665 15.7083C7.40261 15.6111 7.12484 15.4791 6.83317 15.3125C6.5415 15.1458 6.28456 14.9722 6.06234 14.7916L3.604 15.9166L1.6665 12.5L3.9165 10.8541C3.88873 10.7291 3.87136 10.5868 3.86442 10.427C3.85748 10.2673 3.854 10.125 3.854 9.99996C3.854 9.87496 3.85748 9.7326 3.86442 9.57288C3.87136 9.41315 3.88873 9.27079 3.9165 9.14579L1.6665 7.49996L3.604 4.08329L6.06234 5.20829C6.28456 5.02774 6.5415 4.85413 6.83317 4.68746C7.12484 4.52079 7.40261 4.39579 7.6665 4.31246L8.08317 1.66663H11.9165L12.3332 4.29163C12.5971 4.38885 12.8783 4.51732 13.1769 4.67704C13.4755 4.83677 13.729 5.01385 13.9373 5.20829L16.3957 4.08329L18.3332 7.49996L16.0832 9.10413C16.1109 9.24301 16.1283 9.39232 16.1353 9.55204C16.1422 9.71176 16.1457 9.86107 16.1457 9.99996C16.1457 10.1388 16.1422 10.2847 16.1353 10.4375C16.1283 10.5902 16.1109 10.7361 16.0832 10.875L18.3332 12.5L16.3957 15.9166L13.9373 14.7916C13.7151 14.9722 13.4616 15.1493 13.1769 15.3229C12.8922 15.4965 12.6109 15.625 12.3332 15.7083L11.9165 18.3333H8.08317ZM9.99984 12.7083C10.7498 12.7083 11.3887 12.4444 11.9165 11.9166C12.4443 11.3888 12.7082 10.75 12.7082 9.99996C12.7082 9.24996 12.4443 8.61107 11.9165 8.08329C11.3887 7.55551 10.7498 7.29163 9.99984 7.29163C9.24984 7.29163 8.61095 7.55551 8.08317 8.08329C7.55539 8.61107 7.2915 9.24996 7.2915 9.99996C7.2915 10.75 7.55539 11.3888 8.08317 11.9166C8.61095 12.4444 9.24984 12.7083 9.99984 12.7083ZM9.99984 11.4583C9.59706 11.4583 9.25331 11.3159 8.96859 11.0312C8.68386 10.7465 8.5415 10.4027 8.5415 9.99996C8.5415 9.59718 8.68386 9.25343 8.96859 8.96871C9.25331 8.68399 9.59706 8.54163 9.99984 8.54163C10.4026 8.54163 10.7464 8.68399 11.0311 8.96871C11.3158 9.25343 11.4582 9.59718 11.4582 9.99996C11.4582 10.4027 11.3158 10.7465 11.0311 11.0312C10.7464 11.3159 10.4026 11.4583 9.99984 11.4583ZM9.08317 17.0833H10.9165L11.2082 14.75C11.6665 14.6388 12.1005 14.4652 12.5103 14.2291C12.92 13.993 13.2915 13.7083 13.6248 13.375L15.8332 14.3333L16.6665 12.8333L14.7082 11.3958C14.7637 11.1597 14.8089 10.927 14.8436 10.6979C14.8783 10.4687 14.8957 10.2361 14.8957 9.99996C14.8957 9.76385 14.8818 9.53121 14.854 9.30204C14.8262 9.07288 14.7776 8.84024 14.7082 8.60413L16.6665 7.16663L15.8332 5.66663L13.6248 6.62496C13.3054 6.26385 12.9443 5.96176 12.5415 5.71871C12.1387 5.47565 11.6943 5.3194 11.2082 5.24996L10.9165 2.91663H9.08317L8.7915 5.24996C8.31928 5.34718 7.87831 5.51385 7.46859 5.74996C7.05886 5.98607 6.69428 6.27774 6.37484 6.62496L4.1665 5.66663L3.33317 7.16663L5.2915 8.60413C5.23595 8.84024 5.19081 9.07288 5.15609 9.30204C5.12136 9.53121 5.104 9.76385 5.104 9.99996C5.104 10.2361 5.12136 10.4687 5.15609 10.6979C5.19081 10.927 5.23595 11.1597 5.2915 11.3958L3.33317 12.8333L4.1665 14.3333L6.37484 13.375C6.70817 13.7083 7.0797 13.993 7.48942 14.2291C7.89914 14.4652 8.33317 14.6388 8.7915 14.75L9.08317 17.0833Z" fill="white" />
    </svg>

);
const LogoutSvg = () => (
    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
        <g>
            <path d="M4.16683 18.3333C3.94582 18.3333 3.73385 18.2455 3.57757 18.0892C3.42129 17.9329 3.3335 17.721 3.3335 17.5V2.49996C3.3335 2.27895 3.42129 2.06698 3.57757 1.9107C3.73385 1.75442 3.94582 1.66663 4.16683 1.66663H15.8335C16.0545 1.66663 16.2665 1.75442 16.4228 1.9107C16.579 2.06698 16.6668 2.27895 16.6668 2.49996V4.99996H15.0002V3.33329H5.00016V16.6666H15.0002V15H16.6668V17.5C16.6668 17.721 16.579 17.9329 16.4228 18.0892C16.2665 18.2455 16.0545 18.3333 15.8335 18.3333H4.16683ZM15.0002 13.3333V10.8333H9.16683V9.16663H15.0002V6.66663L19.1668 9.99996L15.0002 13.3333Z" fill="white" />
        </g>
        <defs>
            <clipPath id="clip0_1129_699">
                <rect width="20" height="20" fill="white" />
            </clipPath>
        </defs>
    </svg>

);
const FundsSvg = () => (
    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
        <g>
            <path d="M16.1457 12.5858C16.6864 11.301 16.8109 9.87913 16.5016 8.51997C16.1923 7.16082 15.4649 5.93278 14.4215 5.00849C13.3781 4.08421 12.0713 3.51017 10.6847 3.36708C9.2982 3.224 7.90169 3.51906 6.69154 4.21078L5.86487 2.76328C7.12956 2.04046 8.56169 1.66192 10.0184 1.66543C11.475 1.66894 12.9053 2.05437 14.1665 2.78328C17.9082 4.94328 19.3415 9.56828 17.5974 13.4249L18.7157 14.0699L15.2449 15.9149L15.1074 11.9866L16.1457 12.5858ZM3.85404 7.41411C3.31332 8.69886 3.18886 10.1208 3.49813 11.4799C3.80741 12.8391 4.53488 14.0671 5.57826 14.9914C6.62165 15.9157 7.92847 16.4897 9.31501 16.6328C10.7015 16.7759 12.0981 16.4808 13.3082 15.7891L14.1349 17.2366C12.8702 17.9594 11.438 18.338 9.98137 18.3345C8.52469 18.331 7.0944 17.9455 5.8332 17.2166C2.09154 15.0566 0.658203 10.4316 2.40237 6.57495L1.2832 5.93078L4.75404 4.08578L4.89154 8.01411L3.8532 7.41495L3.85404 7.41411Z" fill="white" />
            <path d="M13.5441 8.24091L12.3656 7.06239L10.3032 9.12479L8.24083 7.06239L7.06232 8.24091L9.12471 10.3033L7.06232 12.3657L8.24083 13.5442L10.3032 11.4818L12.3656 13.5442L13.5441 12.3657L11.4817 10.3033L13.5441 8.24091Z" fill="white" />
        </g>
        <defs>
            <clipPath id="clip0_1129_663">
                <rect width="20" height="20" fill="white" />
            </clipPath>
        </defs>
    </svg>

);
const DollarSvg = () => (
    <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
        <g>
            <path d="M17.7604 13.8444C18.3552 12.4312 18.4921 10.8671 18.1519 9.37206C17.8117 7.87699 17.0114 6.52614 15.8637 5.50943C14.716 4.49271 13.2785 3.86127 11.7533 3.70388C10.2281 3.54648 8.69195 3.87105 7.36079 4.63194L6.45145 3.03969C7.84262 2.24459 9.41796 1.8282 11.0203 1.83206C12.6227 1.83592 14.196 2.2599 15.5833 3.06169C19.6991 5.43769 21.2758 10.5252 19.3572 14.7675L20.5874 15.477L16.7695 17.5065L16.6182 13.1854L17.7604 13.8444ZM4.23954 8.15561C3.64475 9.56884 3.50784 11.1329 3.84805 12.628C4.18825 14.1231 4.98847 15.4739 6.13619 16.4906C7.28391 17.5073 8.72142 18.1388 10.2466 18.2962C11.7718 18.4536 13.308 18.129 14.6391 17.3681L15.5485 18.9604C14.1573 19.7555 12.5819 20.1719 10.9796 20.168C9.37726 20.1641 7.80394 19.7402 6.41662 18.9384C2.30079 16.5624 0.724121 11.4749 2.6427 7.23253L1.41162 6.52394L5.22954 4.49444L5.38079 8.81561L4.23862 8.15653L4.23954 8.15561ZM7.79162 12.8334H12.8333C12.9548 12.8334 13.0714 12.7851 13.1574 12.6991C13.2433 12.6132 13.2916 12.4966 13.2916 12.375C13.2916 12.2535 13.2433 12.1369 13.1574 12.0509C13.0714 11.965 12.9548 11.9167 12.8333 11.9167H9.16662C8.55883 11.9167 7.97594 11.6753 7.54617 11.2455C7.1164 10.8157 6.87495 10.2328 6.87495 9.62503C6.87495 9.01724 7.1164 8.43435 7.54617 8.00458C7.97594 7.5748 8.55883 7.33336 9.16662 7.33336H10.0833V6.41669H11.9166V7.33336H14.2083V9.16669H9.16662C9.04506 9.16669 8.92848 9.21498 8.84253 9.30094C8.75658 9.38689 8.70829 9.50347 8.70829 9.62503C8.70829 9.74659 8.75658 9.86316 8.84253 9.94912C8.92848 10.0351 9.04506 10.0834 9.16662 10.0834H12.8333C13.4411 10.0834 14.024 10.3248 14.4537 10.7546C14.8835 11.1843 15.125 11.7672 15.125 12.375C15.125 12.9828 14.8835 13.5657 14.4537 13.9955C14.024 14.4253 13.4411 14.6667 12.8333 14.6667H11.9166V15.5834H10.0833V14.6667H7.79162V12.8334Z" fill="white" />
        </g>
        <defs>
            <clipPath id="clip0_1129_658">
                <rect width="22" height="22" fill="white" />
            </clipPath>
        </defs>
    </svg>

);
const EqualizerSvg = () => (
    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
        <g>
            <path d="M5.1415 15C5.31367 14.5121 5.63295 14.0896 6.05534 13.7907C6.47772 13.4918 6.98241 13.3313 7.49984 13.3313C8.01726 13.3313 8.52195 13.4918 8.94434 13.7907C9.36672 14.0896 9.686 14.5121 9.85817 15H18.3332V16.6667H9.85817C9.686 17.1547 9.36672 17.5772 8.94434 17.8761C8.52195 18.1749 8.01726 18.3354 7.49984 18.3354C6.98241 18.3354 6.47772 18.1749 6.05534 17.8761C5.63295 17.5772 5.31367 17.1547 5.1415 16.6667H1.6665V15H5.1415ZM10.1415 9.16672C10.3137 8.67877 10.633 8.25624 11.0553 7.95737C11.4777 7.6585 11.9824 7.49801 12.4998 7.49801C13.0173 7.49801 13.522 7.6585 13.9443 7.95737C14.3667 8.25624 14.686 8.67877 14.8582 9.16672H18.3332V10.8334H14.8582C14.686 11.3213 14.3667 11.7439 13.9443 12.0427C13.522 12.3416 13.0173 12.5021 12.4998 12.5021C11.9824 12.5021 11.4777 12.3416 11.0553 12.0427C10.633 11.7439 10.3137 11.3213 10.1415 10.8334H1.6665V9.16672H10.1415ZM5.1415 3.33338C5.31367 2.84544 5.63295 2.42291 6.05534 2.12404C6.47772 1.82517 6.98241 1.66467 7.49984 1.66467C8.01726 1.66467 8.52195 1.82517 8.94434 2.12404C9.36672 2.42291 9.686 2.84544 9.85817 3.33338H18.3332V5.00005H9.85817C9.686 5.48799 9.36672 5.91052 8.94434 6.20939C8.52195 6.50826 8.01726 6.66876 7.49984 6.66876C6.98241 6.66876 6.47772 6.50826 6.05534 6.20939C5.63295 5.91052 5.31367 5.48799 5.1415 5.00005H1.6665V3.33338H5.1415Z" fill="white" />
        </g>
        <defs>
            <clipPath id="clip0_1129_687">
                <rect width="20" height="20" fill="white" />
            </clipPath>
        </defs>
    </svg>

);
const CurrencySvg = () => (
    <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
        <g>
            <path d="M15.5833 14.6667H17.4167V3.66671H8.25V5.50004H15.5833V14.6667ZM15.5833 16.5V19.25C15.5833 19.756 15.1708 20.1667 14.6603 20.1667H3.67308C3.5522 20.1674 3.43236 20.1443 3.32046 20.0985C3.20856 20.0528 3.1068 19.9854 3.02102 19.9002C2.93524 19.8151 2.86714 19.7138 2.82063 19.6022C2.77412 19.4906 2.75012 19.3709 2.75 19.25L2.75275 6.41671C2.75275 5.91071 3.16525 5.50004 3.67583 5.50004H6.41667V2.75004C6.41667 2.50693 6.51324 2.27377 6.68515 2.10186C6.85706 1.92995 7.09022 1.83337 7.33333 1.83337H18.3333C18.5764 1.83337 18.8096 1.92995 18.9815 2.10186C19.1534 2.27377 19.25 2.50693 19.25 2.75004V15.5834C19.25 15.8265 19.1534 16.0596 18.9815 16.2316C18.8096 16.4035 18.5764 16.5 18.3333 16.5H15.5833ZM4.58608 7.33337L4.58333 18.3334H13.75V7.33337H4.58608ZM6.41667 14.6667H10.5417C10.6632 14.6667 10.7798 14.6184 10.8658 14.5325C10.9517 14.4465 11 14.3299 11 14.2084C11 14.0868 10.9517 13.9702 10.8658 13.8843C10.7798 13.7983 10.6632 13.75 10.5417 13.75H7.79167C7.18388 13.75 6.60098 13.5086 6.17121 13.0788C5.74144 12.6491 5.5 12.0662 5.5 11.4584C5.5 10.8506 5.74144 10.2677 6.17121 9.83792C6.60098 9.40815 7.18388 9.16671 7.79167 9.16671H8.25V8.25004H10.0833V9.16671H11.9167V11H7.79167C7.67011 11 7.55353 11.0483 7.46758 11.1343C7.38162 11.2202 7.33333 11.3368 7.33333 11.4584C7.33333 11.5799 7.38162 11.6965 7.46758 11.7825C7.55353 11.8684 7.67011 11.9167 7.79167 11.9167H10.5417C11.1495 11.9167 11.7323 12.1582 12.1621 12.5879C12.5919 13.0177 12.8333 13.6006 12.8333 14.2084C12.8333 14.8162 12.5919 15.3991 12.1621 15.8288C11.7323 16.2586 11.1495 16.5 10.5417 16.5H10.0833V17.4167H8.25V16.5H6.41667V14.6667Z" fill="white" />
        </g>
        <defs>
            <clipPath id="clip0_1129_653">
                <rect width="22" height="22" fill="white" />
            </clipPath>
        </defs>
    </svg>

);
const CouponSvg = () => (
    <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
        <g>
            <path d="M1.8335 8.70833V3.66667C1.8335 3.42355 1.93007 3.19039 2.10198 3.01849C2.27389 2.84658 2.50705 2.75 2.75016 2.75H19.2502C19.4933 2.75 19.7264 2.84658 19.8983 3.01849C20.0703 3.19039 20.1668 3.42355 20.1668 3.66667V8.70833C19.559 8.70833 18.9761 8.94978 18.5464 9.37955C18.1166 9.80932 17.8752 10.3922 17.8752 11C17.8752 11.6078 18.1166 12.1907 18.5464 12.6205C18.9761 13.0502 19.559 13.2917 20.1668 13.2917V18.3333C20.1668 18.5764 20.0703 18.8096 19.8983 18.9815C19.7264 19.1534 19.4933 19.25 19.2502 19.25H2.75016C2.50705 19.25 2.27389 19.1534 2.10198 18.9815C1.93007 18.8096 1.8335 18.5764 1.8335 18.3333V13.2917C2.44128 13.2917 3.02418 13.0502 3.45395 12.6205C3.88372 12.1907 4.12516 11.6078 4.12516 11C4.12516 10.3922 3.88372 9.80932 3.45395 9.37955C3.02418 8.94978 2.44128 8.70833 1.8335 8.70833ZM12.8335 4.58333H3.66683V7.304C4.35544 7.64527 4.93501 8.17213 5.34021 8.82517C5.7454 9.47821 5.96011 10.2315 5.96011 11C5.96011 11.7685 5.7454 12.5218 5.34021 13.1748C4.93501 13.8279 4.35544 14.3547 3.66683 14.696V17.4167H12.8335V4.58333ZM14.6668 4.58333V17.4167H18.3335V14.696C17.6449 14.3547 17.0653 13.8279 16.6601 13.1748C16.2549 12.5218 16.0402 11.7685 16.0402 11C16.0402 10.2315 16.2549 9.47821 16.6601 8.82517C17.0653 8.17213 17.6449 7.64527 18.3335 7.304V4.58333H14.6668Z" fill="white" />
        </g>
        <defs>
            <clipPath id="clip0_1129_678">
                <rect width="22" height="22" fill="white" />
            </clipPath>
        </defs>
    </svg>

);
const PendingSvg = () => (
    <svg width="64" height="74" viewBox="0 0 64 74" fill="none" xmlns="http://www.w3.org/2000/svg">
        <g>
            <path opacity="0.5" d="M48.4371 37.7575C50.0592 33.9032 50.4326 29.6375 49.5048 25.56C48.577 21.4826 46.3946 17.7984 43.2644 15.0256C40.1343 12.2527 36.2138 10.5306 32.0542 10.1014C27.8946 9.67211 23.7051 10.5573 20.0746 12.6325L17.5946 8.28997C21.3887 6.1215 25.6851 4.98588 30.0551 4.99641C34.4251 5.00694 38.716 6.16325 42.4996 8.34996C53.7246 14.83 58.0246 28.705 52.7921 40.275L56.1471 42.21L45.7346 47.745L45.3221 35.96L48.4371 37.7575ZM11.5621 22.2425C9.93997 26.0967 9.56657 30.3624 10.4944 34.4399C11.4222 38.5173 13.6046 42.2015 16.7348 44.9743C19.8649 47.7472 23.7854 49.4693 27.945 49.8986C32.1046 50.3278 36.2942 49.4426 39.9246 47.3675L42.4046 51.71C38.6105 53.8784 34.3141 55.0141 29.9441 55.0035C25.5741 54.993 21.2832 53.8367 17.4996 51.65C6.27461 45.17 1.97461 31.295 7.20711 19.725L3.84961 17.7925L14.2621 12.2575L14.6746 24.0425L11.5596 22.245L11.5621 22.2425Z" fill="#008DA5" />
            <path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M40.6319 24.7227L37.0964 21.1872L30.9092 27.3744L24.722 21.1872L21.1865 24.7227L27.3736 30.9099L21.1865 37.0971L24.722 40.6326L30.9092 34.4454L37.0964 40.6326L40.6319 37.0971L34.4447 30.9099L40.6319 24.7227Z" fill="#008DA5" />
            <path opacity="0.5" d="M17.0073 70H23.7749V68.1836H19.2046V59.3945H17.0073V70ZM27.3931 59.3945H25.1958V70H27.3931V59.3945ZM31.0405 59.3945H28.5796L32.2563 70H35.0835L38.7456 59.3945H36.314L33.7212 67.4805H33.6187L31.0405 59.3945ZM39.9468 70H47.0806V68.1836H42.144V65.6055H46.6997V63.7891H42.144V61.2109H47.0659V59.3945H39.9468V70Z" fill="#008DA5" />
        </g>
        <defs>
            <clipPath id="clip0_1014_18024">
                <rect width="64" height="74" fill="white" />
            </clipPath>
        </defs>
    </svg>
);

const PendingSvg1 = () => (
    <svg width="108" height="140" viewBox="0 0 108 140" fill="none" xmlns="http://www.w3.org/2000/svg">
        <g>
            <path opacity="0.5" d="M73.4371 78.7575C75.0592 74.9032 75.4326 70.6375 74.5048 66.56C73.577 62.4826 71.3946 58.7984 68.2644 56.0256C65.1343 53.2527 61.2138 51.5306 57.0542 51.1014C52.8946 50.6721 48.7051 51.5573 45.0746 53.6325L42.5946 49.29C46.3887 47.1215 50.6851 45.9859 55.0551 45.9964C59.4251 46.0069 63.716 47.1632 67.4996 49.35C78.7246 55.83 83.0246 69.705 77.7921 81.275L81.1471 83.21L70.7346 88.745L70.3221 76.96L73.4371 78.7575ZM36.5621 63.2425C34.94 67.0967 34.5666 71.3624 35.4944 75.4399C36.4222 79.5173 38.6046 83.2015 41.7348 85.9743C44.8649 88.7472 48.7854 90.4693 52.945 90.8986C57.1046 91.3278 61.2942 90.4426 64.9246 88.3675L67.4046 92.71C63.6105 94.8784 59.3141 96.0141 54.9441 96.0035C50.5741 95.993 46.2832 94.8367 42.4996 92.65C31.2746 86.17 26.9746 72.295 32.2071 60.725L28.8496 58.7925L39.2621 53.2575L39.6746 65.0425L36.5596 63.245L36.5621 63.2425Z" fill="#008DA5" />
            <path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M65.6319 65.7227L62.0964 62.1872L55.9092 68.3744L49.722 62.1872L46.1865 65.7227L52.3736 71.9099L46.1865 78.0971L49.722 81.6326L55.9092 75.4454L62.0964 81.6326L65.6319 78.0971L59.4447 71.9099L65.6319 65.7227Z" fill="#008DA5" />
        </g>
        <defs>
            <clipPath id="clip0_981_12810">
                <rect width="60" height="60" fill="white" transform="translate(25 41)" />
            </clipPath>
        </defs>
    </svg>

);

const TopSvg = () => (
    <svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M7 0L13.9282 12H0.0717969L7 0Z" fill="#F14382" />
    </svg>
);

const BottomSvg = () => (
    <svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M7 12L0.0717954 1.30507e-06L13.9282 9.36995e-08L7 12Z" fill="#0098D9" />
    </svg>
);





export const UserIcon = (props) => <Icon component={UserSvg} {...props} />;

export const UserFriendIcon = (props) => <Icon component={UserFriendSvg} {...props} />;

export const LogoIcon = (props) => <Icon component={LogoSvg} {...props} />;

export const LogoIcon1 = (props) => <Icon component={LogoSvg1} {...props} />;

export const SettingsIcon = (props) => <Icon component={SettingsSvg} {...props} />;

export const HomeIcon = (props) => <Icon component={HomeSvg} {...props} />;

export const LogoutIcon = (props) => <Icon component={LogoutSvg} {...props} />;

export const FundsIcon = (props) => <Icon component={FundsSvg} {...props} />;

export const DollarIcon = (props) => <Icon component={DollarSvg} {...props} />;

export const EqualizerIcon = (props) => <Icon component={EqualizerSvg} {...props} />;

export const CurrencyIcon = (props) => <Icon component={CurrencySvg} {...props} />;

export const CouponIcon = (props) => <Icon component={CouponSvg} {...props} />;

export const PendingIcon = (props) => <Icon component={PendingSvg} {...props} />;

export const PendingIcon1 = (props) => <Icon component={PendingSvg1} {...props} />;

export const TopIcon = (props) => <Icon component={TopSvg} {...props} />;

export const BottomIcon = (props) => <Icon component={BottomSvg} {...props} />;